<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>48个国际音标发音表</title>
    <link rel="stylesheet" href="./index.css" />
  </head>
  <body>
    <div class="container">
      <table
        width="100%"
        border="0"
        cellpadding="0"
        cellspacing="0"
        class="ptable"
      >
        <tbody>
          <tr>
            <th colspan="8" class="bigc">
              <a href="javascript:"
                ><h3>
                  48个国际音标
                  <button id="btn" onclick="javascript:">
                    语音失效点此唤醒
                  </button>
                </h3></a
              >
            </th>
          </tr>
          <tr>
            <th rowspan="5" class="bigc">
              <h3>元音 (20个)</h3>
            </th>
            <th rowspan="3" class="l1">
              <h4>单元音</h4>
            </th>
            <th class="l2">
              <h5>前元音</h5>
            </th>
            <td mp3="i-sound2.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/iː/</a>
            </td>
            <td mp3="i-sound.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb ipa88">/ɪ/</a>
            </td>
            <td mp3="e-sound.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/e/</a>
            </td>
            <td mp3="an-sound.mp3" title="鼠标移上发声..">
              <a href="javascript:n" class="yb">/æ/</a>
            </td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th>
              <h5>中元音</h5>
            </th>
            <td>&nbsp;</td>
            <td mp3="er-sound.mp3" title="鼠标移上发声..">
              <a href="javascript:n" class="yb ipa88">/ɜː/</a>
            </td>
            <td mp3="e^-sound.mp3" title="鼠标移上发声..">
              <a href="javascript:oun" class="yb">/ə/</a>
            </td>
            <td mp3="^-sound.mp3" title="鼠标移上发声..">
              <a href="javascript:un" class="yb">/ʌ/</a>
            </td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th>
              <h5>后元音</h5>
            </th>
            <td mp3="u-sound2.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/uː/</a>
            </td>
            <td mp3="u-sound.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb ipa88">/ʊ/</a>
            </td>
            <td mp3="o-sound2.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/ɔː/</a>
            </td>
            <td mp3="o-sound.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb ipa88">/ɒ/</a>
            </td>
            <td mp3="a-sound2.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/ɑː/</a>
            </td>
          </tr>
          <tr>
            <th rowspan="2" class="l1">
              <h4>双元音</h4>
            </th>
            <th>
              <h5>开合双元音</h5>
            </th>
            <td mp3="ei.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb ipa88">/eɪ/</a>
            </td>
            <td mp3="ai.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb ipa88">/aɪ/</a>
            </td>
            <td mp3="oi.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb ipa88">/ɔɪ/</a>
            </td>
            <td mp3="ao.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb ipa88">/aʊ/</a>
            </td>
            <td mp3="eu.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb ipa88">/əʊ/</a>
            </td>
          </tr>
          <tr>
            <th>
              <h5>集中双元音</h5>
            </th>
            <td mp3="ir.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb ipa88">/ɪə/</a>
            </td>
            <td mp3="er.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb ipa88">/eə/</a>
            </td>
            <td mp3="uer.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb ipa88">/ʊə/</a>
            </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>

          <tr>
            <th rowspan="9" class="bigc">
              <h3>辅音 (28个)</h3>
            </th>
            <th rowspan="2" class="l1">
              <h4>爆破音</h4>
            </th>
            <th>
              <h5>清辅音</h5>
            </th>
            <td mp3="p.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/p/</a>
            </td>
            <td mp3="t.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/t/</a>
            </td>
            <td mp3="k.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/k/</a>
            </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th>
              <h5>浊辅音</h5>
            </th>
            <td mp3="b.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/b/</a>
            </td>
            <td mp3="d.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/d/</a>
            </td>
            <td mp3="g.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/ɡ/</a>
            </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th rowspan="2" class="l1">
              <h4>摩擦音</h4>
            </th>
            <th>
              <h5>清辅音</h5>
            </th>
            <td mp3="f.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/f/</a>
            </td>
            <td mp3="s.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/s/</a>
            </td>
            <td mp3="ss.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/ʃ/</a>
            </td>
            <td mp3="si.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/θ/</a>
            </td>
            <td mp3="h.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/h/</a>
            </td>
          </tr>
          <tr>
            <th>
              <h5>浊辅音</h5>
            </th>
            <td mp3="v.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/v/</a>
            </td>
            <td mp3="z.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/z/</a>
            </td>
            <td mp3="n3.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/ʒ/</a>
            </td>
            <td mp3="qq.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/ð/</a>
            </td>
            <td mp3="r.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/r/</a>
            </td>
          </tr>
          <tr>
            <th rowspan="2" class="l1">
              <h4>塞擦音</h4>
            </th>
            <th>
              <h5>清辅音</h5>
            </th>
            <td mp3="tss.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/tʃ/</a>
            </td>
            <td mp3="tr.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/tr/</a>
            </td>
            <td mp3="ts.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/ts/</a>
            </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th>
              <h5>浊辅音</h5>
            </th>
            <td mp3="d3.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/dʒ/</a>
            </td>
            <td mp3="dr.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/dr/</a>
            </td>
            <td mp3="dz.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/dz/</a>
            </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th>
              <h4>鼻音</h4>
            </th>
            <th><h5 style="color: #aaa">浊辅音</h5></th>
            <td mp3="m.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/m/</a>
            </td>
            <td mp3="n.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/n/</a>
            </td>
            <td mp3="ng.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/ŋ/</a>
            </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th>
              <h4>舌边音</h4>
            </th>
            <th><h5 style="color: #aaa">浊辅音</h5></th>
            <td mp3="l.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/l/</a>
            </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <th>
              <h4>半元音</h4>
            </th>
            <th><h5 style="color: #aaa">浊辅音</h5></th>
            <td mp3="j.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/j/</a>
            </td>
            <td mp3="w.mp3" title="鼠标移上发声..">
              <a href="javascript:" class="yb">/w/</a>
            </td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td
              colspan="8"
              style="font-size: 0.8em; color: #aaa; padding: 0.3em"
            >
              注：本表为最新英式英语国际音标表符号,红色为新版音标符号与老版不同。国内学生学习的最新48个英语音标发音表即此表。
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <a class="pageNext" href="./26/index.html"
      >下一页：26个英语字母表及字母音标</a
    >
    <audio src="./assets/i-sound2.mp3" id="player"></audio>

    <script src="./index.js"></script>
  </body>
</html>
